<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>760T详情页面</title>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="./styles/common.css">
    <link rel="stylesheet" href="./styles/index.css?v=1.01">
    <link rel="stylesheet" href="./styles/animate.min.css">

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/common.js?v=1"></script>

</head>
<body>

    <!--<div class="blank40"></div>-->
    <div class="header ">
        <div class="h-content">
            <div class="logo">
                <!--<img src="./images/logo.png" alt="">-->
            </div>

            <div class="nav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li class="nav-product">
                        <a href="#">产品系列</a>
                        <span class="trangle"></span>
                    </li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">配件</a></li>
                    <li><a href="#">新闻资讯</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">APP下载</a></li>
                    <li class="tmall"><a href="#">天猫</a></li>
                </ul>

            </div>
            <div class="child-nav">
                <ul>
                    <li>
                        <span class="title"></span>
                        <img src='./images/nav_pro_1.png' class="product-img" />
                        <span class="type">760T套装系列</span>
                    </li>
                    <li>
                        <span class="title">KKC基础牙刷</span>
                        <img src='./images/nav_pro_2.png' class="product-img" />
                        <span class="type">660系列</span>
                    </li>
                    <li>
                        <span class="title"></span>
                        <img src='./images/nav_pro_3.png' class="product-img" />
                        <span class="type">720系列</span>
                    </li>
                    <li>
                        <span class="title">smart系列</span>
                        <img src='./images/nav_pro_4.png' class="product-img" />
                        <span class="type">591系列</span>
                    </li>
                    <li>
                        <span class="title">KKC KIDS</span>
                        <img src='./images/nav_pro_5.png' class="product-img" />
                        <span class="type">F11H海尔兄弟定制款</span>
                    </li>
                </ul>
            </div>
            <script>
                var nav_handle= null;

                function nav_product_show(){

                    clearTimeout( nav_handle );
                    $('.header').addClass('product-show');

                }

                function nav_product_hide(){

                    clearTimeout( nav_handle );
                    nav_handle = setTimeout(function(){
                        $('.header').removeClass('product-show');
                    },200);

                }

                $('.child-nav,.nav-product').hover(function(){
                    nav_product_show();
                },function(){
                    nav_product_hide();
                });
            </script>
        </div>

    </div>


    <div class="kkc-content home-layer detail-760t_01">
        <img src="./images/760t/760T_01.png" alt="" >
        <div class="text_all">
            <div class="txt_1 wow fadeInUp">KKC声波电动牙刷千禧套装</div>
            <div class="txt_2  txt-title wow fadeInUp">
                护齿有道 健康有礼
            </div>
            <div class="txt_3 wow fadeInUp">
                健康和笑容，是给TA最好的礼物

            </div>
        </div>
    </div>
    <div class="kkc-content home-layer detail-760t_02">
        <img src="./images/760t/760T_02.png" alt="" >
        <div class="text_all txt-gray">
            <div class="txt_1 txt-title wow fadeInUp">3D感应触控 滑动智控力度强弱</div>
            <div class="txt_2 wow fadeInUp">
                3档模式解决不同口腔问题，9个强弱频率，滑动触摸切换，更方便
            </div>
            <div class="txt_3 wow fadeInUp">
                <a href="#" class=" more-button " >
                    清洁模式
                </a>
                <a href="#" class=" more-button " >
                    按摩模式
                </a>
                <a href="#" class=" more-button " >
                    亮白模式
                </a>
            </div>
        </div>
    </div>

    <div class="kkc-content home-layer detail-760t_03">
        <img src="./images/760t/760T_03.png" alt="" >
        <div class="text_all">
            <div class="txt_1 txt-title wow fadeInUp">全身防水 放心冲洗</div>
            <div class="txt_2 wow fadeInUp">
                IPX7级整机防水，冲洗无忧
            </div>
        </div>
    </div>

    <div class="kkc-content home-layer detail-760t_04">
        <img src="./images/760t/760T_04.png" alt="" >
        <div class="text_all">
            <div class="txt_1 txt-title wow fadeInUp">流动洁力 重新定义洁牙方式</div>
            <div class="txt_2 wow fadeInUp">
                34400次/分钟声波震动产生流动洁力，冲刷清洁口腔内盲区，高效清洁牙菌斑
            </div>
        </div>
    </div>

    <div class="kkc-content home-layer detail-760t_05">
        <img src="./images/760t/760T_05.png" alt="" >
        <div class="text_a txt-gray">
            <div class="txt_1 txt-title wow fadeInUp">再没有比这更好的刷头</div>

        </div>
        <div class="text_b wow fadeInUp">
            <div class="txt_2 txt-gray">
                采用0.15mm细软杜邦标准刷头与竹炭软毛刷头，特有的弧形设计，
            </div>
            <div class="txt_2 txt-gray">
                增加刷毛与牙齿的接触面，褪色提醒型刷丝，贴心提醒用户每三个月换一次刷头
            </div>

        </div>
    </div>

    <div class="kkc-content home-layer detail-760t_06">
        <img src="./images/760t/760T_06.png" alt="" >
        <div class="text_all">
            <div class="txt_1 txt-title wow fadeInUp">傻瓜式刷牙 更智能</div>
            <div class="txt_2 wow fadeInUp">
                2分钟智能定时，30秒换区提醒
            </div>
            <div class="txt_3 wow fadeInUp">
                让牙刷带着你，清洁整个口腔不留死角
            </div>
        </div>
    </div>

    <div class="kkc-content home-layer detail-760t_07">
        <img src="./images/760t/760T_07.png" alt="" >
        <div class="text_all txt-gray">
            <div class="txt_1 txt-title wow fadeInUp">超长续航 更省心</div>
            <div class="txt_2 wow fadeInUp">
                续航时间最长达到120天，一年只充3次电
            </div>
            <div class="txt_3 wow fadeInUp">
                智能感应充电，五金属触点，更安全
            </div>
        </div>
    </div>

    <div class="kkc-content home-layer detail-760t_08">
        <img src="./images/760t/760T_08.png" alt="" >
        <div class="text_all txt-gray">
            <div class="txt_1 txt-title wow fadeInUp">配套旅行盒 更便捷</div>
            <div class="txt_2 wow fadeInUp">
                套装配备4支原装刷头及1个旅行盒，轻巧陪伴每一次出行
            </div>
        </div>
    </div>

    <div class="kkc-content home-layer detail-760t_09">
        <img src="./images/760t/760T_09.png" alt="" >
        <div class="text_all txt-gray">
            <div class="txt_1 txt-title wow fadeInUp">一口好牙 一生受益</div>
            <div class="txt_2 wow fadeInUp">
                赠予当下 更美好的礼物
            </div>
        </div>
    </div>


    <div class="footer">
        <div class="qrcode">

            <div class="title">关注我们</div>

            <div class="weibo">
                <img src="./images/weibo.png" alt="" class="weibo">
                <span class="name">官方微博</span>
            </div>

            <div class="wechat">
                <img src="./images/wechat.png" alt="" class="wechat">
                <span class="name">官方微信</span>
            </div>

        </div>

        <div class="copyright">

            <div class="language">
                <span class="Chinese">中文</span>
                <span>|</span>
                <span class="English">English</span>
            </div>
            <div class="company">©2019 海尔信息科技（深圳）有限公司  版权所有 鲁ICP备16076508号-1 </div>
        </div>
    </div>


    <script>

        //动画
        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            mobile: true,
            live: true
        });
        wow.init();

    </script>
</body>
</html>